<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内边距</title>
		<style>
			/*行内块元素，浏览器默认为他是行元素
			内边距主要功能，撕开元素，存储精灵图【图标.icon】
			padding属性：1个值 上 右 下 左【顺时针，下同】
			            2     上下 右左
						3     上 右左 下
						4     上 右 下 左
			*/
		   img{
			   border: 1px solid red;
			   padding: 10px;
			   padding: 10px 20px;
			   padding: 10px 20px 30px;
		   }
		</style>
	</head>
	
	<body>
		<img src="img/圣诞.png" width="300px" height="300px" "雪人">
	</body>
</html>